﻿<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>仿京东左侧菜单</title>
	<style>
		*{padding:0;margin:0;}
		a{text-decoration:none;color:#fff;}
		.nav-box{width:210px;}
		.nav-top{
			height:45px;
			font-size:16px;
			line-height:45px;
			padding:0 10px;
			background:#B1191A;
			color:#fff;
		}
		ul{background:#c81623;list-style:none;}
		li{
			height:30px;
			line-height:30px;
			font-size:14px;
			padding-left:8px;
			color:#fff;
			background:url(img/bg.png) no-repeat 195px center;
		}
	</style>
 </head>
 <body>
	<div class="nav-box">
		<div class="nav-top">全部商品分类</div>
		<ul>
			<li><a href="">家用电器</a></li>
			<li><a href="">手机</a>、<a href="">数码</a>、<a href="">京东通信</a></li>
			<li><a href="">电脑</a>、<a href="">办公</a></li>
			<li><a href="">家居</a>、<a href="">家具</a>、<a href="">家装</a>、<a href="">厨具</a></li>
			<li><a href="">男装</a>、<a href="">女装</a>、<a href="">珠宝</a></li>
			<li><a href="">个护化妆</a></li>
			<li><a href="">鞋靴</a>、<a href="">箱包</a>、<a href="">钟表</a>、<a href="">奢侈品</a></li>
			<li><a href="">运动户外</a></li>
		</ul>
	</div>
 </body>
</html>
